{% extends "pos/base.html" %}
{% load static %}

{% block title %}Sale Approval Validator{% endblock %}
{% block heading %}Sale Approval Validator{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="{% static 'styles/pos_api_v2/offline/approvals/approval.css' %}">
{% endblock %}

{% block content %}

<div class="approval-page">

    <div class="approval-detail-header">
        <div>
            <h4>Sale Approval Validator</h4>
            <p>
                Staging dry run ya live approved sale validation check karein.
            </p>
        </div>

        <div class="approval-detail-actions">
            <a href="{% url 'pos_api_v2:offline:approvals:sale_approval_list' %}" class="btn btn-primary">
                Back to Sales Approval
            </a>
        </div>
    </div>

    <div class="approval-table-card">
        <h5>Run Validator</h5>

        <form method="get" class="row" style="gap:10px; align-items:end;">
            <div class="col-md-3">
                <label>Mode</label>
                <select name="mode" class="form-control">
                    <option value="staging" {% if mode == "staging" %}selected{% endif %}>
                        Staging Dry Run
                    </option>
                    <option value="live" {% if mode == "live" %}selected{% endif %}>
                        Live Sale Validate
                    </option>
                </select>
            </div>

            <div class="col-md-3">
                <label>Invoice No</label>
                <input type="number"
                       name="invoice_no"
                       value="{{ invoice_no }}"
                       class="form-control"
                       placeholder="Enter invoice no">
            </div>

            <div class="col-md-3">
                <button type="submit" class="btn btn-success">
                    Run Check
                </button>
            </div>
        </form>

        <div style="margin-top:10px;">
            <small class="text-muted">
                Staging Dry Run mein staging invoice no dein. Live Sale Validate mein live invoice no dein.
            </small>
        </div>
    </div>

    {% if result %}

        <div class="approval-summary-row">
            <div class="approval-summary-card">
                <span>Mode</span>
                <strong>{{ result.type }}</strong>
            </div>

            <div class="approval-summary-card">
                <span>Status</span>
                {% if result.ok %}
                    <strong style="color:green;">OK</strong>
                {% else %}
                    <strong style="color:red;">Issue</strong>
                {% endif %}
            </div>

            <div class="approval-summary-card">
                <span>Invoice</span>
                {% if result.staging_invoice_no %}
                    <strong>#{{ result.staging_invoice_no }}</strong>
                {% else %}
                    <strong>#{{ result.live_invoice_no }}</strong>
                {% endif %}
            </div>

            {% if result.summary %}
                <div class="approval-summary-card">
                    <span>Issues</span>
                    <strong>{{ result.summary.issues_count }}</strong>
                </div>
            {% endif %}
        </div>

        <div class="approval-table-card">
            <h5>Validator Message</h5>

            {% if result.ok %}
                <div class="alert alert-success">
                    {{ result.message }}
                </div>
            {% else %}
                <div class="alert alert-danger">
                    {{ result.message }}
                </div>
            {% endif %}
        </div>

        {% if result.settings %}
            <div class="approval-table-card">
                <h5>Stock Settings</h5>

                <table class="table table-bordered approval-table">
                    <tbody>
                        <tr>
                            <th>Zero Stock Allow</th>
                            <td>{{ result.settings.zero_stock_allow }}</td>
                            <th>Check Batch</th>
                            <td>{{ result.settings.check_batch }}</td>
                        </tr>
                        <tr>
                            <th>Expiry Warn Days</th>
                            <td>{{ result.settings.expiry_warn_days }}</td>
                            <th>Partial Sale On Stock Short</th>
                            <td>{{ result.settings.partial_sale_on_stock_short }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        {% endif %}

        {% if result.type == "staging_dry_run" %}

            <div class="approval-table-card">
                <h5>Staging Dry Run Lines</h5>

                <table class="table table-bordered approval-table">
                    <thead>
                        <tr>
                            <th>Product</th>
                            <th>Requested</th>
                            <th>Approved</th>
                            <th>Short</th>
                            <th>Status</th>
                            <th>Issues</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for line in result.lines %}
                            <tr>
                                <td>
                                    <strong>{{ line.product_name|default:"Product" }}</strong><br>
                                    <small>Code: {{ line.product_code }}</small><br>
                                    <small>Staging Line ID: {{ line.staging_line_id }}</small>
                                </td>
                                <td>
                                    Qty: {{ line.requested_qty|floatformat:2 }}<br>
                                    Bonus: {{ line.requested_bonus|floatformat:2 }}
                                </td>
                                <td>
                                    Qty: {{ line.approved_qty|floatformat:2 }}<br>
                                    Bonus: {{ line.approved_bonus|floatformat:2 }}
                                </td>
                                <td>
                                    Qty: {{ line.short_qty|floatformat:2 }}<br>
                                    Bonus: {{ line.short_bonus|floatformat:2 }}
                                </td>
                                <td>
                                    {% if line.skip %}
                                        <span class="approval-badge rejected">Skipped</span>
                                    {% elif line.is_partial %}
                                        <span class="approval-badge rejected">Partial</span>
                                    {% else %}
                                        <span class="approval-badge approved">Full</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% for issue in line.issues %}
                                        <div>
                                            <strong>{{ issue.code }}</strong><br>
                                            <small>{{ issue.message }}</small>
                                        </div>
                                    {% empty %}
                                        -
                                    {% endfor %}
                                </td>
                            </tr>

                            <tr>
                                <td colspan="6">
                                    <strong>Expected Allocations / Batch Layers</strong>

                                    <table class="table table-sm table-bordered" style="margin-top:8px;">
                                        <thead>
                                            <tr>
                                                <th>Line UID</th>
                                                <th>Stock ID</th>
                                                <th>Variant ID</th>
                                                <th>Variant Product ID</th>
                                                <th>Default?</th>
                                                <th>Qty Take</th>
                                                <th>Bonus Take</th>
                                                <th>Expected Stock History</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for a in line.allocations %}
                                                <tr>
                                                    <td><small>{{ a.line_uid }}</small></td>
                                                    <td>{{ a.stock_id }}</td>
                                                    <td>{{ a.variant_id }}</td>
                                                    <td>{{ a.variant_product_id }}</td>
                                                    <td>{{ a.variant_is_default }}</td>
                                                    <td>{{ a.qty_take|floatformat:2 }}</td>
                                                    <td>{{ a.bonus_take|floatformat:2 }}</td>
                                                    <td>
                                                        Changed: {{ a.expected_stock_history.changed_stock|floatformat:2 }}<br>
                                                        Bonus: {{ a.expected_stock_history.bonus_stock|floatformat:2 }}<br>
                                                        Variant: {{ a.expected_stock_history.variant_id }}
                                                    </td>
                                                </tr>
                                            {% empty %}
                                                <tr>
                                                    <td colspan="8" class="approval-empty">
                                                        No allocation found.
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="6" class="approval-empty">No dry run lines found.</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

        {% endif %}

        {% if result.type == "live_sale_validation" %}

            <div class="approval-table-card">
                <h5>Live Sale Validation Summary</h5>

                <table class="table table-bordered approval-table">
                    <tbody>
                        <tr>
                            <th>Sale Lines</th>
                            <td>{{ result.summary.sale_lines }}</td>
                            <th>Stock History Rows</th>
                            <td>{{ result.summary.stock_history_rows }}</td>
                            <th>Issues</th>
                            <td>{{ result.summary.issues_count }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="approval-table-card">
                <h5>Live Sale Lines vs Stock History</h5>

                <table class="table table-bordered approval-table">
                    <thead>
                        <tr>
                            <th>Sale Line</th>
                            <th>Product</th>
                            <th>Line UID</th>
                            <th>Sale Qty/Bonus</th>
                            <th>History Qty/Bonus</th>
                            <th>Sale Variant</th>
                            <th>History Variant</th>
                            <th>Status</th>
                            <th>Issues</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for line in result.lines %}
                            <tr>
                                <td>#{{ line.sale_line_id }}</td>
                                <td>
                                    Product Code: {{ line.product_code }}<br>
                                    History Item: {{ line.history_item_id }}
                                </td>
                                <td><small>{{ line.line_uid }}</small></td>
                                <td>
                                    Qty: {{ line.sale_qty|floatformat:2 }}<br>
                                    Bonus: {{ line.sale_bonus|floatformat:2 }}
                                </td>
                                <td>
                                    Qty: {{ line.history_qty_part|floatformat:2 }}<br>
                                    Bonus: {{ line.history_bonus|floatformat:2 }}
                                </td>
                                <td>{{ line.sale_variant_id|default:"NULL" }}</td>
                                <td>{{ line.history_variant_id|default:"NULL" }}</td>
                                <td>
                                    {% if line.ok %}
                                        <span class="approval-badge approved">OK</span>
                                    {% else %}
                                        <span class="approval-badge rejected">Issue</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% for issue in line.issues %}
                                        <div style="margin-bottom:6px;">
                                            <strong>{{ issue.code }}</strong><br>
                                            <small>{{ issue.message }}</small>
                                        </div>
                                    {% empty %}
                                        -
                                    {% endfor %}
                                </td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="9" class="approval-empty">No live sale lines found.</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            <div class="approval-table-card">
                <h5>Orphan Stock History Rows</h5>

                <table class="table table-bordered approval-table">
                    <thead>
                        <tr>
                            <th>Stock History ID</th>
                            <th>Line UID</th>
                            <th>Item ID</th>
                            <th>Variant ID</th>
                            <th>Changed Stock</th>
                            <th>Bonus Stock</th>
                            <th>Message</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for h in result.orphan_stock_history %}
                            <tr>
                                <td>#{{ h.stock_history_id }}</td>
                                <td><small>{{ h.line_uid }}</small></td>
                                <td>{{ h.item_id }}</td>
                                <td>{{ h.variant_id|default:"NULL" }}</td>
                                <td>{{ h.changed_stock }}</td>
                                <td>{{ h.bonus_stock }}</td>
                                <td>{{ h.message }}</td>
                            </tr>
                        {% empty %}
                            <tr>
                                <td colspan="7" class="approval-empty">No orphan stock history row.</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

        {% endif %}

        <div class="approval-table-card">
            <h5>All Issues</h5>

            <table class="table table-bordered approval-table">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Line UID</th>
                        <th>Sale Line</th>
                        <th>Stock History</th>
                        <th>Message</th>
                    </tr>
                </thead>
                <tbody>
                    {% for issue in result.issues %}
                        <tr>
                            <td><strong>{{ issue.code }}</strong></td>
                            <td><small>{{ issue.line_uid|default:"-" }}</small></td>
                            <td>{{ issue.sale_line_id|default:"-" }}</td>
                            <td>{{ issue.stock_history_id|default:"-" }}</td>
                            <td>{{ issue.message }}</td>
                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="5" class="approval-empty">No issue found.</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

    {% endif %}

</div>

{% endblock %}